<script setup>
import {ref} from 'vue'

const markNow =()=>{
	uni.navigateTo({
		url:'/subpack-age/markNow/index'
	})
}

const customSize =()=>{
	uni.navigateTo({
		url:"/subpack-age/custom-size/index"
	})
}
const myClick =()=>{
	uni.navigateTo({
		url:"/subpack-age/my/index"
	})
}
	
</script>
<template>
	<view class="container">
		<view class="logo">
			<view class="box"></view>
		</view>
		<view class="make-now" @click="markNow">立即制作</view>
		<view class="custom-size" @click="customSize">自定义尺寸</view>
		<view class="custom-size my-now" @click="myClick">我的</view>
	</view>
</template>



<style scoped lang="scss">
	.container {
		width: 100%;
		height: 100%;
		border-top: 1px solid #eee;
	}
	.logo{
		display: flex;
		justify-content: center;
		
	}
	.box {
		width: 400rpx;
		height: 560rpx;
		background: url('../../static/index.png');
		margin-top: 120rpx;	
		 /* 背景图片居中 */
		 background-position: center;
		/* 背景图片覆盖整个背景区域 */
		 background-size: cover;
		/* 保持背景图片的原始纵横比 */
		background-repeat: no-repeat;

					   
		
	}
	
	.make-now{
		width: 600rpx;
		height: 120rpx;
		background: linear-gradient( 90deg, #3A7CF8 0%, #3AAFF8 100%);
		border-radius: 24rpx 24rpx 24rpx 24rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 600;
		font-size: 32rpx;
		color: #FFFFFF;
		line-height: 120rpx;
		text-align: center;
		font-style: normal;
		text-transform: none;
		margin-top: 115rpx;
		display: flex;
		justify-content: center;
		margin-left: 75rpx;
	}
	.custom-size {
		width: 600rpx;
		height: 120rpx;
		background: #EFF3FE;
		border-radius: 24rpx 24rpx 24rpx 24rpx;
		border: 2rpx solid #3A7CF8;
		line-height: 120rpx;
		text-align: center;
		margin-left: 75rpx;
		margin-top: 32rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 600;
		font-size: 32rpx;
		color: #3A7CF8;;
		font-style: normal;
		text-transform: none;	
	}
	
</style>
